﻿@using ETD.Common.Extension;
@using ETD.WebOrganization.Libs.Helper;
@using ETD.WinClient.Config;
@using ETD.Domain.EnumModels;
@using ETD.Domain.WebModels;
@using ETD.WebOrganization.Areas.Web.Models;

@model ModelBase
@{
    BottomNavModel bottomNavModel = new BottomNavModel();
    if (Model != null)
    {
        bottomNavModel = Model.BottomNav;
    }
}
<style>
    .weui-tabbar {
        background-color: #50d2c2 !important;
    }

    .weui-tabbar__icon {
        width: 28px !important;
        height: 28px !important;
    }

    .weui-tabbar__label {
        font-size: 14px;
        color: white;
    }

    .weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
        color: white !important;
    }

    .nav_AddFacility {
        width: 57px !important;
        height: 57px !important;
        margin-top: -30px;
    }

    .active_bottom_border {
        border-bottom: 3px solid white !important;
    }
</style>

<div class="weui-tabbar">
    <a href="@Url.ActionTS("Home","Home")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.FirstNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapMvcAssets("images/Footer/nav_home.png")" alt="">
        </div>
        <p class="weui-tabbar__label @bottomNavModel.BindActiveItemClass2(EBottomNavType.FirstNav)">首页</p>
    </a>
    <a href="@Url.ActionTS("FinancialIndex","Financial")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.SecondNav)">
        @*下边是一个小红色图标，专门标记数量提醒等提示*@
        @*<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>*@
        <div class="weui-tabbar__icon">
            <img src="@Url.MapMvcAssets("images/Footer/nav_Financial.png")" alt="">
        </div>
        <p class="weui-tabbar__label @bottomNavModel.BindActiveItemClass2(EBottomNavType.SecondNav)">账务</p>
    </a>
    <a href="@Url.ActionTS("FacilityEdit", "Facility")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.ThreeNav)">
        @*下边是一个小红色图标，专门标记数量提醒等提示*@
        @*<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>*@
        <div class="weui-tabbar__icon nav_AddFacility">
            <img src="@Url.MapMvcAssets("images/Footer/nav_AddFacility.png")" alt="">
        </div>
        <p class="weui-tabbar__label @bottomNavModel.BindActiveItemClass2(EBottomNavType.ThreeNav)">添加</p>
    </a>
    <a href="@Url.ActionTS("OrganizationFacilityManage","Facility")" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.FourNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapMvcAssets("images/Footer/nav_Facility.png")" alt="">
        </div>
        <p class="weui-tabbar__label @bottomNavModel.BindActiveItemClass2(EBottomNavType.FourNav)">设备</p>
    </a>
    <a href="@Url.ActionTS("FeedbackManage", "Feedback")&feedbackStatusID=@((int)EFeedbackStatus.NotProcess)" class="weui-tabbar__item @bottomNavModel.BindActiveItemClass1(EBottomNavType.FiveNav)">
        <div class="weui-tabbar__icon">
            <img src="@Url.MapMvcAssets("images/Footer/nav_repairs.png")" alt="">
        </div>
        <p class="weui-tabbar__label @bottomNavModel.BindActiveItemClass2(EBottomNavType.FiveNav)">报修</p>
    </a>
</div>